<!DOCTYPE html>
<html lang="en">
    <head>
        <title></title>
        <meta charset="UTF-8">
        <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
        <link rel="stylesheet" href="./../../assets/css/base.css">
        <link rel="stylesheet" href="./../../assets/css/my-matter.css">
    </head>
    <body>
        <header>
            <a href="#" class="user"><img src="./../../assets/image/arrow-left.png" alt=""></a>
            <span>我的资讯</span>
            <a href="#" class="link">发布</a>
        </header>
        <ul class="tab sn-clr">
            <li class="activ">全部</li>
            <li>待审核</li>
            <li>已发布</li>
        </ul>
        <div class="tabCon">
            <div class="item">
                <div class="zixun-list">
                    <a href="#"><img src="./../../assets/image/zixun-pic.jpeg" alt=""></a>
                    <div class="list-right">
                        <h3>世界城光谷步行街圣诞主题定制</h3>
                        <p>2015/01/15 11:23:35</p>
                        <p>万象城</p>
                    </div>
                    <h5><span>浏览：100</span><span>销售：30</span><span>评论：25</span></h5>
                </div>
            </div>
            <div class="item sn-hide">

            </div>
        </div>
    </body>
    <script src="./../../assets/build/jquery/dist/jquery.js"></script>
    <script>
        $(".tab li").on("click", function(event) {
        $(".tab li")
            .eq($(this).index())
            .addClass("activ")
            .siblings()
            .removeClass("activ");
        $(".tabCon .item")
            .hide()
            .eq($(this).index())
            .show();
        });
    </script>
</html>